
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont">&#xf00e6;</i>
                    <div class="name">购物车</div>
                    <div class="code">&amp;#xf00e6;</div>
                    <div class="fontclass">.gouwuche</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00d9;</i>
                    <div class="name">搜索</div>
                    <div class="code">&amp;#xf00d9;</div>
                    <div class="fontclass">.sousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00d8;</i>
                    <div class="name">扫码</div>
                    <div class="code">&amp;#xf00d8;</div>
                    <div class="fontclass">.saoma</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00d4;</i>
                    <div class="name">大图模式</div>
                    <div class="code">&amp;#xf00d4;</div>
                    <div class="fontclass">.datumoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00cb;</i>
                    <div class="name">中图模式</div>
                    <div class="code">&amp;#xf00cb;</div>
                    <div class="fontclass">.zhongtumoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00ba;</i>
                    <div class="name">我的会员卡</div>
                    <div class="code">&amp;#xf00ba;</div>
                    <div class="fontclass">.wodehuiyuanqia</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00bb;</i>
                    <div class="name">我的优惠劵</div>
                    <div class="code">&amp;#xf00bb;</div>
                    <div class="fontclass">.wodeyouhuijuan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00bc;</i>
                    <div class="name">消息</div>
                    <div class="code">&amp;#xf00bc;</div>
                    <div class="fontclass">.xiaoxi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00bd;</i>
                    <div class="name">大图模式</div>
                    <div class="code">&amp;#xf00bd;</div>
                    <div class="fontclass">.datumoshi1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00be;</i>
                    <div class="name">语音搜索</div>
                    <div class="code">&amp;#xf00be;</div>
                    <div class="fontclass">.yuyinsousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00bf;</i>
                    <div class="name">中图模式</div>
                    <div class="code">&amp;#xf00bf;</div>
                    <div class="fontclass">.zhongtumoshi1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00c0;</i>
                    <div class="name">范拍照</div>
                    <div class="code">&amp;#xf00c0;</div>
                    <div class="fontclass">.fanpaizhao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00c1;</i>
                    <div class="name">关注-更多操作</div>
                    <div class="code">&amp;#xf00c1;</div>
                    <div class="fontclass">.guanzhugengduocaozuo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00c2;</i>
                    <div class="name">天猫会员</div>
                    <div class="code">&amp;#xf00c2;</div>
                    <div class="fontclass">.tianmaohuiyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00da;</i>
                    <div class="name">旺旺</div>
                    <div class="code">&amp;#xf00da;</div>
                    <div class="fontclass">.wangwang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00d7;</i>
                    <div class="name">列表模式</div>
                    <div class="code">&amp;#xf00d7;</div>
                    <div class="fontclass">.liebiaomoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00d6;</i>
                    <div class="name">分类</div>
                    <div class="code">&amp;#xf00d6;</div>
                    <div class="fontclass">.fenlei</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00c4;</i>
                    <div class="name">范儿</div>
                    <div class="code">&amp;#xf00c4;</div>
                    <div class="fontclass">.faner</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00c3;</i>
                    <div class="name">占位图</div>
                    <div class="code">&amp;#xf00c3;</div>
                    <div class="fontclass">.zhanweitu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00dd;</i>
                    <div class="name">保存到桌面</div>
                    <div class="code">&amp;#xf00dd;</div>
                    <div class="fontclass">.baocundaozhuomian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00de;</i>
                    <div class="name">店铺首页</div>
                    <div class="code">&amp;#xf00de;</div>
                    <div class="fontclass">.dianpushouye</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00df;</i>
                    <div class="name">关注店铺</div>
                    <div class="code">&amp;#xf00df;</div>
                    <div class="fontclass">.guanzhudianpu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00e0;</i>
                    <div class="name">全部商品</div>
                    <div class="code">&amp;#xf00e0;</div>
                    <div class="fontclass">.quanbushangpin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00e1;</i>
                    <div class="name">已关注</div>
                    <div class="code">&amp;#xf00e1;</div>
                    <div class="fontclass">.yiguanzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00e2;</i>
                    <div class="name">语音</div>
                    <div class="code">&amp;#xf00e2;</div>
                    <div class="fontclass">.yuyin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00e3;</i>
                    <div class="name">转发</div>
                    <div class="code">&amp;#xf00e3;</div>
                    <div class="fontclass">.zhuanfa</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00e4;</i>
                    <div class="name">产品参数</div>
                    <div class="code">&amp;#xf00e4;</div>
                    <div class="fontclass">.chanpincanshu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00e5;</i>
                    <div class="name">购买</div>
                    <div class="code">&amp;#xf00e5;</div>
                    <div class="fontclass">.goumai</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00ee;</i>
                    <div class="name">会员卡</div>
                    <div class="code">&amp;#xf00ee;</div>
                    <div class="fontclass">.huiyuanqia</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00ed;</i>
                    <div class="name">关注</div>
                    <div class="code">&amp;#xf00ed;</div>
                    <div class="fontclass">.guanzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00ec;</i>
                    <div class="name">关注-选中</div>
                    <div class="code">&amp;#xf00ec;</div>
                    <div class="fontclass">.guanzhuxuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00eb;</i>
                    <div class="name">店铺</div>
                    <div class="code">&amp;#xf00eb;</div>
                    <div class="fontclass">.dianpu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00e9;</i>
                    <div class="name">图文详情</div>
                    <div class="code">&amp;#xf00e9;</div>
                    <div class="fontclass">.tuwenxiangqing</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00e8;</i>
                    <div class="name">评论</div>
                    <div class="code">&amp;#xf00e8;</div>
                    <div class="fontclass">.pinglun</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00b1;</i>
                    <div class="name">累计评价</div>
                    <div class="code">&amp;#xf00b1;</div>
                    <div class="fontclass">.leijipingjia</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00b2;</i>
                    <div class="name">旺旺</div>
                    <div class="code">&amp;#xf00b2;</div>
                    <div class="fontclass">.wangwang1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00b3;</i>
                    <div class="name">店铺首页</div>
                    <div class="code">&amp;#xf00b3;</div>
                    <div class="fontclass">.dianpushouye1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00b4;</i>
                    <div class="name">关注店铺</div>
                    <div class="code">&amp;#xf00b4;</div>
                    <div class="fontclass">.guanzhudianpu1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00b5;</i>
                    <div class="name">全部商品</div>
                    <div class="code">&amp;#xf00b5;</div>
                    <div class="fontclass">.quanbushangpin1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00b6;</i>
                    <div class="name">添加到桌面</div>
                    <div class="code">&amp;#xf00b6;</div>
                    <div class="fontclass">.tianjiadaozhuomian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00b7;</i>
                    <div class="name">已关注</div>
                    <div class="code">&amp;#xf00b7;</div>
                    <div class="fontclass">.yiguanzhu1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00b8;</i>
                    <div class="name">全部订单</div>
                    <div class="code">&amp;#xf00b8;</div>
                    <div class="fontclass">.quanbudingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00b9;</i>
                    <div class="name">收藏商品</div>
                    <div class="code">&amp;#xf00b9;</div>
                    <div class="fontclass">.shoucangshangpin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00b0;</i>
                    <div class="name">图文详情</div>
                    <div class="code">&amp;#xf00b0;</div>
                    <div class="fontclass">.tuwenxiangqing1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00af;</i>
                    <div class="name">收藏</div>
                    <div class="code">&amp;#xf00af;</div>
                    <div class="fontclass">.shoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00ae;</i>
                    <div class="name">购买</div>
                    <div class="code">&amp;#xf00ae;</div>
                    <div class="fontclass">.goumai1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00ad;</i>
                    <div class="name">高于</div>
                    <div class="code">&amp;#xf00ad;</div>
                    <div class="fontclass">.gaoyu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00ac;</i>
                    <div class="name">分享</div>
                    <div class="code">&amp;#xf00ac;</div>
                    <div class="fontclass">.fenxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00ab;</i>
                    <div class="name">低于</div>
                    <div class="code">&amp;#xf00ab;</div>
                    <div class="fontclass">.diyu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00aa;</i>
                    <div class="name">持平</div>
                    <div class="code">&amp;#xf00aa;</div>
                    <div class="fontclass">.chiping</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00a9;</i>
                    <div class="name">产品参数</div>
                    <div class="code">&amp;#xf00a9;</div>
                    <div class="fontclass">.chanpincanshu1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00a8;</i>
                    <div class="name">搜索，猫客</div>
                    <div class="code">&amp;#xf00a8;</div>
                    <div class="fontclass">.sousuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0091;</i>
                    <div class="name">天猫-按时到货</div>
                    <div class="code">&amp;#xf0091;</div>
                    <div class="fontclass">.tianmaoanshidaohuo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf009f;</i>
                    <div class="name">购物车，猫客</div>
                    <div class="code">&amp;#xf009f;</div>
                    <div class="fontclass">.gouwuche1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x3448;</i>
                    <div class="name">手机</div>
                    <div class="code">&amp;#x3448;</div>
                    <div class="fontclass">.shouji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x3464;</i>
                    <div class="name">切换器右</div>
                    <div class="code">&amp;#x3464;</div>
                    <div class="fontclass">.qiehuanqiyou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x3465;</i>
                    <div class="name">切换器左</div>
                    <div class="code">&amp;#x3465;</div>
                    <div class="fontclass">.qiehuanqizuo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00a0;</i>
                    <div class="name">首页，猫客</div>
                    <div class="code">&amp;#xf00a0;</div>
                    <div class="fontclass">.shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00a1;</i>
                    <div class="name">旺旺，猫客</div>
                    <div class="code">&amp;#xf00a1;</div>
                    <div class="fontclass">.wangwang2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00a2;</i>
                    <div class="name">我，猫客</div>
                    <div class="code">&amp;#xf00a2;</div>
                    <div class="fontclass">.wo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00a7;</i>
                    <div class="name">扫一扫，猫客</div>
                    <div class="code">&amp;#xf00a7;</div>
                    <div class="fontclass">.saoyisao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00a6;</i>
                    <div class="name">分类</div>
                    <div class="code">&amp;#xf00a6;</div>
                    <div class="fontclass">.fenlei1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0052;</i>
                    <div class="name">已关注</div>
                    <div class="code">&amp;#xf0052;</div>
                    <div class="fontclass">.yiguanzhu2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0054;</i>
                    <div class="name">未关注</div>
                    <div class="code">&amp;#xf0054;</div>
                    <div class="fontclass">.weiguanzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf004c;</i>
                    <div class="name">换一批</div>
                    <div class="code">&amp;#xf004c;</div>
                    <div class="fontclass">.huanyipi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0068;</i>
                    <div class="name">天猫提示-公告</div>
                    <div class="code">&amp;#xf0068;</div>
                    <div class="fontclass">.gonggao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00e7;</i>
                    <div class="name">会员</div>
                    <div class="code">&amp;#xf00e7;</div>
                    <div class="fontclass">.huiyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00ea;</i>
                    <div class="name">消息</div>
                    <div class="code">&amp;#xf00ea;</div>
                    <div class="fontclass">.xiaoxi1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00ef;</i>
                    <div class="name">拍摄</div>
                    <div class="code">&amp;#xf00ef;</div>
                    <div class="fontclass">.paishe</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00f0;</i>
                    <div class="name">首页-选中</div>
                    <div class="code">&amp;#xf00f0;</div>
                    <div class="fontclass">.shouyexuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00f1;</i>
                    <div class="name">首页</div>
                    <div class="code">&amp;#xf00f1;</div>
                    <div class="fontclass">.shouye1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00f3;</i>
                    <div class="name">我</div>
                    <div class="code">&amp;#xf00f3;</div>
                    <div class="fontclass">.wo1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00f4;</i>
                    <div class="name">优惠券</div>
                    <div class="code">&amp;#xf00f4;</div>
                    <div class="fontclass">.youhuiquan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00f5;</i>
                    <div class="name">表情</div>
                    <div class="code">&amp;#xf00f5;</div>
                    <div class="fontclass">.biaoqing</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00f6;</i>
                    <div class="name">功能建议</div>
                    <div class="code">&amp;#xf00f6;</div>
                    <div class="fontclass">.gongnengjianyi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00f7;</i>
                    <div class="name">换一批</div>
                    <div class="code">&amp;#xf00f7;</div>
                    <div class="fontclass">.huanyipi1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00f8;</i>
                    <div class="name">声波</div>
                    <div class="code">&amp;#xf00f8;</div>
                    <div class="fontclass">.shengbo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00f9;</i>
                    <div class="name">时间</div>
                    <div class="code">&amp;#xf00f9;</div>
                    <div class="fontclass">.shijian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00fa;</i>
                    <div class="name">问题反馈</div>
                    <div class="code">&amp;#xf00fa;</div>
                    <div class="fontclass">.wentifankui</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00fb;</i>
                    <div class="name">信息</div>
                    <div class="code">&amp;#xf00fb;</div>
                    <div class="fontclass">.xinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00fd;</i>
                    <div class="name">赞</div>
                    <div class="code">&amp;#xf00fd;</div>
                    <div class="fontclass">.zan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf00fc;</i>
                    <div class="name">修改or意见</div>
                    <div class="code">&amp;#xf00fc;</div>
                    <div class="fontclass">.xiugaioryijian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf010d;</i>
                    <div class="name">点赞</div>
                    <div class="code">&amp;#xf010d;</div>
                    <div class="fontclass">.dianzan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf012b;</i>
                    <div class="name">电话</div>
                    <div class="code">&amp;#xf012b;</div>
                    <div class="fontclass">.dianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01b8;</i>
                    <div class="name">3.1点赞</div>
                    <div class="code">&amp;#xf01b8;</div>
                    <div class="fontclass">.31dianzan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0137;</i>
                    <div class="name">定位</div>
                    <div class="code">&amp;#xf0137;</div>
                    <div class="fontclass">.dingwei</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0115;</i>
                    <div class="name">返回1</div>
                    <div class="code">&amp;#xf0115;</div>
                    <div class="fontclass">.fanhui1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0116;</i>
                    <div class="name">返回2</div>
                    <div class="code">&amp;#xf0116;</div>
                    <div class="fontclass">.fanhui2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0113;</i>
                    <div class="name">收藏-选中</div>
                    <div class="code">&amp;#xf0113;</div>
                    <div class="fontclass">.shoucangxuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0114;</i>
                    <div class="name">收藏</div>
                    <div class="code">&amp;#xf0114;</div>
                    <div class="fontclass">.shoucang1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0112;</i>
                    <div class="name">更多</div>
                    <div class="code">&amp;#xf0112;</div>
                    <div class="fontclass">.gengduo</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0125;</i>
                    <div class="name">淘</div>
                    <div class="code">&amp;#xf0125;</div>
                    <div class="fontclass">.tao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0126;</i>
                    <div class="name">积分</div>
                    <div class="code">&amp;#xf0126;</div>
                    <div class="fontclass">.jifen</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf011c;</i>
                    <div class="name">天猫宝</div>
                    <div class="code">&amp;#xf011c;</div>
                    <div class="fontclass">.tianmaobao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0117;</i>
                    <div class="name">返回3</div>
                    <div class="code">&amp;#xf0117;</div>
                    <div class="fontclass">.fanhui3</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0118;</i>
                    <div class="name">返回4</div>
                    <div class="code">&amp;#xf0118;</div>
                    <div class="fontclass">.fanhui4</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0119;</i>
                    <div class="name">剪裁</div>
                    <div class="code">&amp;#xf0119;</div>
                    <div class="fontclass">.jiancai</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf012a;</i>
                    <div class="name">删除2</div>
                    <div class="code">&amp;#xf012a;</div>
                    <div class="fontclass">.shanchu2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf012c;</i>
                    <div class="name">回到顶部</div>
                    <div class="code">&amp;#xf012c;</div>
                    <div class="fontclass">.huidaodingbu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf012d;</i>
                    <div class="name">删除</div>
                    <div class="code">&amp;#xf012d;</div>
                    <div class="fontclass">.shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0131;</i>
                    <div class="name">购物车-选中</div>
                    <div class="code">&amp;#xf0131;</div>
                    <div class="fontclass">.gouwuchexuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf016c;</i>
                    <div class="name">Message</div>
                    <div class="code">&amp;#xf016c;</div>
                    <div class="fontclass">.xiaoxi2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf016d;</i>
                    <div class="name">share</div>
                    <div class="code">&amp;#xf016d;</div>
                    <div class="fontclass">.fenxiang1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01ba;</i>
                    <div class="name">3.1分享</div>
                    <div class="code">&amp;#xf01ba;</div>
                    <div class="fontclass">.31fenxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01d9;</i>
                    <div class="name">3.1-降价</div>
                    <div class="code">&amp;#xf01d9;</div>
                    <div class="fontclass">.jiangjia</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01da;</i>
                    <div class="name">礼物 活动</div>
                    <div class="code">&amp;#xf01da;</div>
                    <div class="fontclass">.liwuhuodong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01f0;</i>
                    <div class="name">查看</div>
                    <div class="code">&amp;#xf01f0;</div>
                    <div class="fontclass">.chakan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01db;</i>
                    <div class="name">T1</div>
                    <div class="code">&amp;#xf01db;</div>
                    <div class="fontclass">.t1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0203;</i>
                    <div class="name">3.1电话</div>
                    <div class="code">&amp;#xf0203;</div>
                    <div class="fontclass">.31dianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0223;</i>
                    <div class="name">3.1 返回1</div>
                    <div class="code">&amp;#xf0223;</div>
                    <div class="fontclass">.31fanhui1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0224;</i>
                    <div class="name">3.1 返回2</div>
                    <div class="code">&amp;#xf0224;</div>
                    <div class="fontclass">.31fanhui2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0218;</i>
                    <div class="name">3.1 签到</div>
                    <div class="code">&amp;#xf0218;</div>
                    <div class="fontclass">.31qiandao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0217;</i>
                    <div class="name">3.1 评论</div>
                    <div class="code">&amp;#xf0217;</div>
                    <div class="fontclass">.31pinglun</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x3457;</i>
                    <div class="name">数码手机</div>
                    <div class="code">&amp;#x3457;</div>
                    <div class="fontclass">.shumashouji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x345e;</i>
                    <div class="name">家纺家饰</div>
                    <div class="code">&amp;#x345e;</div>
                    <div class="fontclass">.jiafangjiashi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x346c;</i>
                    <div class="name">男装</div>
                    <div class="code">&amp;#x346c;</div>
                    <div class="fontclass">.nanzhuang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x346d;</i>
                    <div class="name">鞋</div>
                    <div class="code">&amp;#x346d;</div>
                    <div class="fontclass">.xie</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x3479;</i>
                    <div class="name">回流区进口食品</div>
                    <div class="code">&amp;#x3479;</div>
                    <div class="fontclass">.huiliuqujinkoushipin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0106;</i>
                    <div class="name">微信</div>
                    <div class="code">&amp;#xf0106;</div>
                    <div class="fontclass">.weixin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0103;</i>
                    <div class="name">朋友圈</div>
                    <div class="code">&amp;#xf0103;</div>
                    <div class="fontclass">.pengyouquan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0105;</i>
                    <div class="name">新浪</div>
                    <div class="code">&amp;#xf0105;</div>
                    <div class="fontclass">.xinlang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0101;</i>
                    <div class="name">进入店铺</div>
                    <div class="code">&amp;#xf0101;</div>
                    <div class="fontclass">.jinrudianpu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0159;</i>
                    <div class="name">积分</div>
                    <div class="code">&amp;#xf0159;</div>
                    <div class="fontclass">.jifen1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf015c;</i>
                    <div class="name">足迹</div>
                    <div class="code">&amp;#xf015c;</div>
                    <div class="fontclass">.zuji</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf017d;</i>
                    <div class="name">refresh</div>
                    <div class="code">&amp;#xf017d;</div>
                    <div class="fontclass">.shuaxin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0180;</i>
                    <div class="name">new</div>
                    <div class="code">&amp;#xf0180;</div>
                    <div class="fontclass">.new</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0178;</i>
                    <div class="name">Camera</div>
                    <div class="code">&amp;#xf0178;</div>
                    <div class="fontclass">.camera</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0179;</i>
                    <div class="name">Camera2</div>
                    <div class="code">&amp;#xf0179;</div>
                    <div class="fontclass">.camera2</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01af;</i>
                    <div class="name">3.1语音</div>
                    <div class="code">&amp;#xf01af;</div>
                    <div class="fontclass">.31yuyin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01ac;</i>
                    <div class="name">3.1旺旺</div>
                    <div class="code">&amp;#xf01ac;</div>
                    <div class="fontclass">.31wangwang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0216;</i>
                    <div class="name">3.1 密码</div>
                    <div class="code">&amp;#xf0216;</div>
                    <div class="fontclass">.31mima</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf020f;</i>
                    <div class="name">3.1图文详情</div>
                    <div class="code">&amp;#xf020f;</div>
                    <div class="fontclass">.31tuwenxiangqing</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf020e;</i>
                    <div class="name">3.1列表</div>
                    <div class="code">&amp;#xf020e;</div>
                    <div class="fontclass">.31liebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf020d;</i>
                    <div class="name">3.1类目</div>
                    <div class="code">&amp;#xf020d;</div>
                    <div class="fontclass">.31leimu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf020a;</i>
                    <div class="name">3.1删除</div>
                    <div class="code">&amp;#xf020a;</div>
                    <div class="fontclass">.31shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf021b;</i>
                    <div class="name">3.1 设置</div>
                    <div class="code">&amp;#xf021b;</div>
                    <div class="fontclass">.31shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0226;</i>
                    <div class="name">3.1 好友</div>
                    <div class="code">&amp;#xf0226;</div>
                    <div class="fontclass">.31haoyou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0212;</i>
                    <div class="name">3.1 二维码</div>
                    <div class="code">&amp;#xf0212;</div>
                    <div class="fontclass">.31erweima</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0207;</i>
                    <div class="name">3.1关注1-选中</div>
                    <div class="code">&amp;#xf0207;</div>
                    <div class="fontclass">.31guanzhu1xuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0208;</i>
                    <div class="name">3.1关注1</div>
                    <div class="code">&amp;#xf0208;</div>
                    <div class="fontclass">.31guanzhu1</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0200;</i>
                    <div class="name">3.1-消息</div>
                    <div class="code">&amp;#xf0200;</div>
                    <div class="fontclass">.31xiaoxi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf021d;</i>
                    <div class="name">3.1 时间</div>
                    <div class="code">&amp;#xf021d;</div>
                    <div class="fontclass">.31shijian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0230;</i>
                    <div class="name">service-海外直邮</div>
                    <div class="code">&amp;#xf0230;</div>
                    <div class="fontclass">.servicehaiwaizhiyou</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0231;</i>
                    <div class="name">service-假一赔三/五</div>
                    <div class="code">&amp;#xf0231;</div>
                    <div class="fontclass">.servicejiayipeisan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf022f;</i>
                    <div class="name">service-电器城服务</div>
                    <div class="code">&amp;#xf022f;</div>
                    <div class="fontclass">.servicedianqichengfuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0233;</i>
                    <div class="name">service-进口保税</div>
                    <div class="code">&amp;#xf0233;</div>
                    <div class="fontclass">.servicejinkoubaoshui</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0239;</i>
                    <div class="name">service-如实描述</div>
                    <div class="code">&amp;#xf0239;</div>
                    <div class="fontclass">.servicerushimiaoshu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf023f;</i>
                    <div class="name">先试后买</div>
                    <div class="code">&amp;#xf023f;</div>
                    <div class="fontclass">.xianshihoumai</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01f3;</i>
                    <div class="name">火热</div>
                    <div class="code">&amp;#xf01f3;</div>
                    <div class="fontclass">.huore</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01ce;</i>
                    <div class="name">3.1红包</div>
                    <div class="code">&amp;#xf01ce;</div>
                    <div class="fontclass">.31hongbao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01bc;</i>
                    <div class="name">3.1多云</div>
                    <div class="code">&amp;#xf01bc;</div>
                    <div class="fontclass">.31duoyun</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01b9;</i>
                    <div class="name">3.1店铺</div>
                    <div class="code">&amp;#xf01b9;</div>
                    <div class="fontclass">.31dianpu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf01ae;</i>
                    <div class="name">3.1语音-选中</div>
                    <div class="code">&amp;#xf01ae;</div>
                    <div class="fontclass">.31yuyinxuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0156;</i>
                    <div class="name">帮助</div>
                    <div class="code">&amp;#xf0156;</div>
                    <div class="fontclass">.bangzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf010b;</i>
                    <div class="name">链接</div>
                    <div class="code">&amp;#xf010b;</div>
                    <div class="fontclass">.lianjie</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf007e;</i>
                    <div class="name">天猫-赠运费险</div>
                    <div class="code">&amp;#xf007e;</div>
                    <div class="fontclass">.tianmaozengyunfeixian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf007f;</i>
                    <div class="name">天猫-正品保障</div>
                    <div class="code">&amp;#xf007f;</div>
                    <div class="fontclass">.tianmaozhengpinbaozhang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0077;</i>
                    <div class="name">天猫-极速退款</div>
                    <div class="code">&amp;#xf0077;</div>
                    <div class="fontclass">.tianmaojisutuikuan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xf0040;</i>
                    <div class="name">天猫超市-零食</div>
                    <div class="code">&amp;#xf0040;</div>
                    <div class="fontclass">.tianmaochaoshilingshi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x347e;</i>
                    <div class="name">充水电</div>
                    <div class="code">&amp;#x347e;</div>
                    <div class="fontclass">.chongshuidian</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x344f;</i>
                    <div class="name">鞋\箱包</div>
                    <div class="code">&amp;#x344f;</div>
                    <div class="fontclass">.xiexiangbao</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x3455;</i>
                    <div class="name">食品</div>
                    <div class="code">&amp;#x3455;</div>
                    <div class="fontclass">.shipin</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x3438;</i>
                    <div class="name">超值积分</div>
                    <div class="code">&amp;#x3438;</div>
                    <div class="fontclass">.chaozhijifen</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x3436;</i>
                    <div class="name">急速退款</div>
                    <div class="code">&amp;#x3436;</div>
                    <div class="fontclass">.jisutuikuan</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x3432;</i>
                    <div class="name">退货保障</div>
                    <div class="code">&amp;#x3432;</div>
                    <div class="fontclass">.tuihuobaozhang</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x3435;</i>
                    <div class="name">生日礼物</div>
                    <div class="code">&amp;#x3435;</div>
                    <div class="fontclass">.shengriliwu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x343c;</i>
                    <div class="name">乐器</div>
                    <div class="code">&amp;#x343c;</div>
                    <div class="fontclass">.leqi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x344d;</i>
                    <div class="name">出租</div>
                    <div class="code">&amp;#x344d;</div>
                    <div class="fontclass">.chuzu</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x344e;</i>
                    <div class="name">钻石</div>
                    <div class="code">&amp;#x344e;</div>
                    <div class="fontclass">.zuanshi</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#x3452;</i>
                    <div class="name">珠宝饰品</div>
                    <div class="code">&amp;#x3452;</div>
                    <div class="fontclass">.zhubaoshipin</div>
                </li>
            
        </ul>


        <div class="helps">
            第一步：使用font-face声明字体
            <pre>
@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
</pre>
第二步：定义使用iconfont的样式
            <pre>
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
</pre>
第三步：挑选相应图标并获取字体编码，应用于页面
<pre>
&lt;i class="iconfont"&gt;&amp;#x33;&lt;/i&gt;
</pre>
        </div>

    </div>
</body>
</html>
